<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="Draw Lines - Bimrun Engine v3.7" content="width=device-width, initial-scale=1.0">
    <title>Bimrun Engine v3.7</title>
</head>

<body style=" margin: 0; padding: 0; overflow: hidden; ">

    <div id="container" style=" margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; "></div>
    <div id="desc" style=" margin: 10px; padding: 0px; position: absolute; bottom: 0px; ">在初始化viewer时，加入参数useOutline=true后，才能使用轮廓线高亮</div>

    <script src='depends/config.js'></script>
    <script src='bimrun-engine-v3.7.js'></script>
    <script>

        let viewer = window.viewer = new Viewer( {

            container: document.getElementById( "container" ), 
            indicator: { url: "../resources/aim.png", size: 50 },
            useOutline: true,
            useSSAO: true  //需要在初始化时开启outline

        } );
        viewer.setSceneBackgroundColor(0x121223);//设置背景色，否则在白色背景，物体的轮廓线将显示不清晰

        viewer.setOutlineVisibleColor(0x3371cd);  //需要显示outline的物体可见部分的颜色
        viewer.setOutlineHiddenColor(0x3371cd);  //需要显示outline的物体被遮挡部分的颜色
        viewer.setOutlineStrength(5);  //设置outline的亮度强度
        viewer.setOutlineThickness(3);  //设置outline的厚度

        viewer.createNavCube( viewer.container );

        viewer.loadScene( '101534881' );


    </script>
</body>

</html>